    <%= javascript_include_tag "tk_taisan" %>
    <%= javascript_include_tag "jquery-ui" %>
    <%= javascript_include_tag "jquery.ui.datepicker-vi" %>
    <%= javascript_include_tag "knockout-2.2.1.js" %>
    <script xmlns="http://www.w3.org/1999/html"></script>

<div id="porlet_1" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html"></div>
<div id="porlet_2">
  <div class="porlet_2"><b><a href="#">
    <!-- NAME -->
    TK Tài sản
    <!-- END - NAME-->
  </a></b>
  </div>
</div>
<div id="porlet_3"></div>
<div id="porlet_4">
  <div class="porlet_4">&nbsp;</div>
</div>
<div id="porlet_5"></div>
<div style="clear:left"></div>
<div class="main_porlet">
  <!-- CONTENT -->
<div id="tabs">
  <ul>
    <li><a href="#tabs-1">Theo loại</a></li>
    <li><a href="#tabs-2">Theo tài sản</a></li>
  </ul>
  <div id="tabs-1">
    <table>
      <tr>
        <td class="field" style="width: 150px; text-align: right;">Chọn loại</td>
        <td style="padding-left: 30px;">
            <select data-bind="options: Loais, optionsText: 'Ten', value: LoaiChon" style="width: 315px;" ></select>
        </td>
        <td style="padding-left: 10px; text-align: right;">
          <button class="g-button g-button-submit" data-bind="click: ShowLoai">Xem</button>
        </td>
      </tr>
      <tr style="text-align: center; margin-top: 5px;">
        <td colspan="3" style="padding-top: 10px;">
          <a data-bind="attr: { href: '/thong_kes/tk_loaitaisan.xls?loaiid=' + idChon() }">Xuất báo cáo</a>
        </td>
      </tr>
    </table>
    <div id="Tab1Content" class="form_item">
        <h1>Thông tin </h1>
        <div id= "" style="height: 350px">
            <div id = "BTK1" style="float: left">
              <div data-bind="text: 'Số phòng sử dụng :'+ SLPhong()" style="margin-bottom: 15px"></div>
              <table class = "reportTable">
                <thead>
                  <th style="width: 70%">Tình trạng</th>
                  <th>Số lượng</th>
                </thead>
                <tbody>
                <tr>
                  <td>Thiết bị tốt</td>
                  <td data-bind="text: Tots"></td>
                </tr>
                <tr>
                  <td>Thiết bị đang sửa</td>
                  <td data-bind="text: Suas"></td>
                </tr>
                <tr>
                  <td>Thiết bị chờ thanh lí</td>
                  <td data-bind="text: ThanhLis"></td>
                </tr>
                </tbody>
              </table>
              <button id="Xem_BDTK1" class="g-button">Xem biểu đồ</button>
            </div>
            <div id = "BDTK1" style="text-align: right; width: 100%">
              <div id ="Chart1" style="height: 300px; margin-bottom: 10px"></div>
              <button id="Xem_BTK1" class="g-button">Xem bảng thống kê</button>
            </div>
          </div>
      </br>
        <h1>Bảng kê chi tiết<h1>
        <!-- Table -->
        <div id="ct_loai" class="datagrid" style="margin: 20px 0;">
          <table>
            <thead style="text-align: center;">
            <tr>
              <th style="width: 35%;">Tên tài sản</th>
              <th>Phòng</th>
              <th>Ngày sử dụng</th>
              <th>Tình trạng</th>
              <th>Sô lượng</th>
            </tr>
            </thead>
            <tbody data-bind="foreach: DanhSach">
                <tr>
                  <td data-bind="text: TaiSan"></td>
                  <td data-bind="text: Phong"></td>
                  <td data-bind="text: NgaySD"></td>
                  <td data-bind="text: TinhTrang"></td>
                  <td data-bind="text: SoLuong"></td>
                </tr>
            </tbody>
          </table>
        </div>
      <div style="clear:both;"></div>
    </div>
  </div>
<!--</div>-->
  <div id="tabs-2">
    <table>
      <tr>
        <td class="field" style="width: 150px; text-align: right;">Chọn tài sản</td>
        <td style="padding-left: 30px;">
          <select data-bind="options: TaiSans, optionsText: 'TaiSan', value: TSChon" style="width: 315px;" ></select>
        </td>
        <td style="padding-left: 10px; text-align: right;">
          <button class="g-button g-button-submit" data-bind="click: ShowTS" >Xem</button>
        </td>
      </tr>
      </tr>
          <tr style="text-align: center; margin-top: 5px;">
            <td colspan="3" style="padding-top: 10px;">
              <a data-bind="attr: { href: '/thong_kes/tk_taisan.xls?taisanID=' + idChon() }">Xuất báo cáo</a>
            </td>
          </tr>
    </table>
    <div id="Tab2Content" class="form_item">
      <!-- <div id="2" class="form_item"> -->
      <h1>Thông tin </h1>
        <div style="height: 350px">
            <div id = "BTK2" style="float: left; text-align: left">
              <table class = "reportTable">
                <thead>
                  <th style="width: 70%">Tình trạng</th>
                  <th>Số lượng</th>
                </thead>
                <tbody>
                <tr>
                  <td>Thiết bị tốt</td>
                  <td data-bind="text: Tots"></td>
                </tr>
                <tr>
                  <td>Thiết bị đang sửa</td>
                  <td data-bind="text: Suas"></td>
                </tr>
                <tr>
                  <td>Thiết bị chờ thanh lí</td>
                  <td data-bind="text: ThanhLis"></td>
                </tr>
                </tbody>
              </table>
              <button id="Xem_BDTK2" class="g-button">Xem biểu đồ</button>
            </div>
            <div id = "BDTK2" style="text-align: right; width: 100%">
              <div id ="Chart2" style="height: 300px; margin-bottom: 10px"></div>
              <button id="Xem_BTK2" class="g-button">Xem bảng thống kê</button>
            </div>
        </div>
    </br>
      <h1>Danh sách phòng đang sử dụng</h1>
      <!-- Table -->
      <div id="ct_phong" class="datagrid" style="margin: 20px 0;">
        <table>
          <thead style="text-align: center;">
          <tr>
            <th style="width: 35%;">Phòng</th>
            <th>Ngày sử dụng</th>
            <th>Tình trạng</th>
            <th>Sô lượng</th>
          </tr>
          </thead>
          <tbody data-bind="foreach: DanhSach">
          <tr>
            <td data-bind="text: Phong"></td>
            <td data-bind="text: NgaySD"></td>
            <td data-bind="text: TinhTrang"></td>
            <td data-bind="text: SoLuong"></td>
          </tr>
          </tbody>
        </table>
      </div>
      <!-- End - Table -->
      </br>
      <h1>Thông tin nhập</h1>
      <div id="ct_nhap" class="datagrid" style="margin: 20px 0;">
        <table>
          <thead style="text-align: center;">
          <tr>
            <th style="width: 35%;">Nhân viên</th>
            <th>Sô lượng</th>
            <th>Ngày nhập</th>
          </tr>
          </thead>
          <tbody data-bind="foreach: PhieuNhaps">
          <tr>
            <td data-bind="text: NhanVien"></td>
            <td data-bind="text: SoLuong"></td>
            <td data-bind="text: Ngay"></td>
          </tr>
          </tbody>
        </table>
      </div>
      </br>
      <h1>Tình hình hoạt động </h1>
      <table>
        <tbody>
        <tr>
          <td>Chọn mốc thời gian cần tra: </td>
          <td>
            <select data-bind="options: Chons, value: Chon" style="width: 250px;" ></select>
          </td>
          <td></td>
        </tr>
        <tr>
          <td colspan="2" style="text-align: right;" data-bind="visible: Chon() != 'Sử dụng trong khoảng'"><input class="datepicker" data-bind="value: NgayChon" style="width: 260px;" /></td>
          <td colspan="2" style="text-align: right;" data-bind="visible: Chon() == 'Sử dụng trong khoảng'">
            Từ <input class="datepicker" data-bind="value: NgayChon" style="width: 140px;" />
            tới<input class="datepicker" data-bind="value: NgayChon2" style="width: 139px;" />
          </td>
          <td style="padding-left: 7px;"><button class="g-button g-button-submit" data-bind="click: TraNgay">Tra</button> </td>
        </tr>
        </tbody>
      </table>
      <!-- Table -->
      <div id="dshd" class="datagrid" style="margin: 20px 0;">
        <table>
          <thead style="text-align: center;">
          <tr>
            <th style="width: 35%;">Phòng</th>
            <th>Chuyển từ</th>
            <th>Sô lượng</th>
            <th>Sử dụng từ</th>
            <th>Tới ngày</th>
          </tr>
          </thead>
          <tbody data-bind="foreach: DSHD">
          <tr>
            <td data-bind="text: PhongDen"></td>
            <td data-bind="text: PhongDi"></td>
            <td data-bind="text: SoLuong"></td>
            <td data-bind="text: NgayDen"></td>
            <td data-bind="text: NgayDi"></td>
          </tr>
          </tbody>
          <tfoot data-bind="visible: DSHD().length == 0" >
          <tr>
            <td colspan="5" style="text-align: center; color:#ff0000; font-weight:bold;">Không tìm thấy!</td>
          </tr>
          </tfoot>
        </table>
      </div>
      <!-- End - Table -->
    <div style="clear:both;"></div>
  </div>
  </div>
 </div>
  </div>
